<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
       <title>无标题文档</title>
       <style type="text/css">
          *{margin:0;padding:0;}
           .layer1{width:100%; height:120px;  }
		       .layer1-1{width:50%; height:120px; background:#074C97;color:white;text-align:center;float:left;} 
                       .layer1-1 h1{line-height:120px;font-size:3em;}		   
                       .layer1-2{width:50%; height:120px;  background:#074C97;color:white;padding-left:0;float:left;} 
		       .layer1-2 h2{line-height:120px;}	
                       .layer1-3{clear:both;}
           .layer2{width:100%; height:680px;color:black;text-align:center;}
		       .layer2-1{width:100%;height:400px;background:#00FFFF;} 
                       .layer2-1 img{width:100%;height:280px;}
                       .layer2-2{width:100%;height:280px;padding-left:2%;}
		       .layer2-2 h2{text-align:left; background:#074C97;color:white;text-align:left;} 
		       .layer2-2 p {font-size:1.5em;line-height:150%;} 
			        .layer2-2-1{width:30%;height:250px;border-style:solid;border-width:medium;margin:10px;border-color:#074C97;border-radius:1.5em;float:left;}
                                .layer2-2-1 h2{text-indent:2em;;border-top-left-radius:1em;border-top-right-radius:1em;}
                                .layer2-2-1 ul{ margin:0;list-style-position: outside; }
                                .layer2-2-1 li{padding-left:0;margin-left:20px;text-align:left;line-height:250%;}
                                .layer2-2-4{clear:both;} 
           .layer3{width:100%; height:80px;background:#074C97;color:white;text-align:center;font-size:1.5em;text-align:center;}     
       </style>
    </head>
    <body>
       <div class="layer1">
	      <div class="layer1-1"><h1>山东商业职业技术学院</h1></div>
          <div class="layer1-2"><h2>     <p><a href="intro.html" >学校概况</a>  <a href="org.html" >机构设置</a>  <a href="edu.html" >教育教学</a>  <a href="job.html" >就业创业</a>  <a href="tech.html" >科技服务</a></h2>
          <div class="layer1-3"></div>
	   </div>
       <div class="layer2">
	      <div class="layer2-1"><h2><img src="8-4.jpg" />
</h2></div>
          <div class="layer2-2">
		     <div class="layer2-2-1">
			     <h2>学校要闻</h2>				
				 <br/>
                                 <ul>
                                 <li><a href="#">马克思主义学院召开陶行知教育...</a></li>
				  <li><a href="#">我校承办2017年山东省“农产品质量...</a></li>
				  <li><a href="#">2017山东养老服务业高峰论坛在我...</a></li>
				  <li><a href="#">校报荣获全国高校校报协会2016年...</a></li>
				  <li><a href="#">浙江纺织服装职业技术学院、河北...</a></li>
		                 </ul>
                         </div>
             <div class="layer2-2-1"><h2>通知公告</h2>
			    			
				 <br/>
                                 <ul>
				<li><a href="#">关于组织开展国家职业指导师、心理...</a></li>
				 <li><a href="#">关于公布2017年公开招聘工作人员进...</a></li>
				 <li><a href="#">关于公布2017年公开招聘工作人员笔...</a></li>
				 <li><a href="#">2017年公开招聘工作人员笔试公告...</a></li>
				 <li><a href="#">关于2017年公开招聘工作人员现场...</a></li>
                                 </ul>
			</div>
             <div class="layer2-2-1"><h2>媒体报道</h2>
			    				
				 <br/> 
                                 <ul>
				 <li><a href="#">新浪山东：山东商职院承办2017年...</a></li>
				 <li><a href="#">大众网：山东商职院承办山东省职...</a></li>
				 <li><a href="#">新浪山东：2017山东养老服务业高...</a></li>
				 <li><a href="#">新浪山东：全国高校“形势与政策”...</a></li>
				 <li><a href="#">大众网：全国高校“形势与政策”课...</a></li>
                                 </ul>
			 </div>
			 <div class="layer2-2-4"></div>
		  </div>
       </div>    
       <div class="layer3">
		 <p>学校地址：济南市旅游路4516号  邮编：250103</p>
		 <p>电话：0531-86335888   学生作业</p>
	   </div>
    </body>
 </html>
